---
type: tutorial
title: Aggiungi un feed RSS
description: >-
  Tutorial: Crea il tuo primo blog Astro —

  Installa il pacchetto ufficiale di Astro per creare un feed a cui i tuoi
  lettori possono iscriversi
i18nReady: true
---
import Box from '~/components/tutorial/Box.astro';
import Checklist from '~/components/Checklist.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro';
import { Steps } from '@astrojs/starlight/components';

<PreCheck>
  - Installa un pacchetto Astro per creare un feed RSS per il tuo sito web
  - Crea un feed a cui è possibile iscriversi e leggere da lettori di feed RSS
</PreCheck>

## Installa il pacchetto RSS di Astro

Astro fornisce un pacchetto personalizzato per aggiungere rapidamente un feed RSS al tuo sito web.

Questo pacchetto ufficiale genera un documento non HTML con informazioni su tutti i tuoi articoli del blog che possono essere lette da **lettori di feed** come Feedly, The Old Reader e altri. Questo documento viene aggiornato ogni volta che il tuo sito viene ricostruito.

Gli individui possono iscriversi al tuo feed in un lettore di feed e ricevere una notifica quando pubblichi un nuovo articolo del blog sul tuo sito, rendendolo una funzionalità popolare del blog.

<Steps>
1. Esci dal server di sviluppo Astro ed esegui il seguente comando nel terminale per installare il pacchetto RSS di Astro.

    <PackageManagerTabs>
      <Fragment slot="npm">
      ```shell
      npm install @astrojs/rss
      ```
      </Fragment>
      <Fragment slot="pnpm">
      ```shell
      pnpm add @astrojs/rss
      ```
      </Fragment>
      <Fragment slot="yarn">
      ```shell
      yarn add @astrojs/rss
      ```
      </Fragment>
    </PackageManagerTabs>

2. Riavvia il server di sviluppo per iniziare di nuovo a lavorare sul tuo progetto Astro.

    <PackageManagerTabs>
      <Fragment slot="npm">
      ```shell
      npm run dev
      ```
      </Fragment>
      <Fragment slot="pnpm">
      ```shell
      pnpm run dev
      ```
      </Fragment>
      <Fragment slot="yarn">
      ```shell
      yarn run dev
      ```
      </Fragment>
    </PackageManagerTabs>
</Steps>

## Crea un documento feed `.xml`

<Steps>
1. Crea un nuovo file in `src/pages/` chiamato `rss.xml.js`

2. Copia il seguente codice in questo nuovo documento. Personalizza le proprietà `title` e `description` e, se necessario, specifica una lingua diversa in `customData`:

    ```js title="src/pages/rss.xml.js"

    import rss, { pagesGlobToRssItems } from '@astrojs/rss';

    export async function GET(context) {
      return rss({
        title: 'Studente Astro | Blog',
        description: 'Il mio percorso di apprendimento di Astro',
        site: context.site,
        items: await pagesGlobToRssItems(import.meta.glob('./**/*.md')),
        customData: `<language>it-it</language>`,
      });
    }
    ```

3. Aggiungi la proprietà `site` alla configurazione di Astro con l'URL Netlify univoco del tuo sito.

    ```js title="astro.config.mjs" ins={4}
    import { defineConfig } from "astro/config";

    export default defineConfig({
      site: "https://example.com"
    });
    ```

4. Visita `http://localhost:4321/rss.xml` e verifica di poter vedere testo (non formattato) sulla pagina con un `item` per ciascuno dei tuoi file `.md`. Ogni item dovrebbe contenere informazioni sull'articolo del blog come `title`, `url` e `description`.

    :::tip[Visualizza il tuo feed RSS in un lettore]
    Scarica un lettore di feed o iscriviti a un servizio di lettore di feed online e iscriviti al tuo sito aggiungendo il tuo URL Netlify. Puoi anche condividere questo link con altri in modo che possano iscriversi ai tuoi articoli ed essere avvisati quando ne viene pubblicato uno nuovo.
    :::

</Steps>

<Box icon="check-list">

## Checklist

<Checklist>
- [ ] Posso installare un pacchetto Astro usando la riga di comando.
- [ ] Posso creare un feed RSS per il mio sito web.
</Checklist>
</Box>

### Risorse

- [Generazione di item RSS in Astro](/it/recipes/rss/#using-glob-imports)
